<html>
    <head>
        <title>现有项目添加React</title>
    </head>
    <body>
        <script>
            /*
                如果你想为现有项目添加一些"交互性"，不必使用React重写。
                实际上，你想要用于开发的大多数JavaScript工具都需要Node.js
            */

            /*
                注意：  本地开发需要安装Node.js ，用于开发的大多数JavaScript工具都需要Node.js.
            */


            // 1、将React用于现有网站的整个子路由
                     /*
                            假设你在 example.com 有一个使用另一种服务器技术（如 Rails）构建的现有 Web 应用，并且你想要完全使用 React 实现以 example.com/some-app/ 开头的所有路由。
                     */

        
            // 2、对现有页面的一部分使用React

                    /*
                            假设你有一个实用另一种技术构建的现有页面，并且你想要在该页面的某处渲染交互式React组件。（这是集成React的常用方式）

                            你可以分两步执行此操作：

                                  ①、设置一个JavaScript环境，让你可以使用JSX语法、使用import/export 语法将代码拆分为模块，并使用npm包注册表里的包。
                                  ②、将React组件渲染到野蛮上你希望看到的位置。
                    */

                            // ①、设置模块化JavaScript环境
                                   /*
                                        模块化的JavaScript环境让你可以在“单独的文件中编写React组件”，而不是在单个文件中编写所有的代码。
                                        它还允许你使用其他开发者在 npm注册表上发布的所有绝妙的包（包括React本身！）

                                        你的应用应可以拆分为使用 import语句的文件。
                                        检查你的JS代码中写<div/>是不是会报语法错误，如果报错，说明你还不支持JSX语法，你需要“使用Babel转换你的JavaScript代码”，并且启用“Babel React预设” 以支持JSX语法。 
                                   */

                                   
        </script>
    </body>
</html>